import MyDrawer from './myDrawer.vue'

export default {
  // install use 搭配 Vue.use()
  install(Vue) {
    Vue.prototype.$myDrawer = function (options) {
      console.log('formSlots:', options)

      console.log('install')
      const Drawer = Vue.extend(MyDrawer)
      console.log('drawer:', Drawer)
      const instance = new Drawer({
        propsData: options,
        data: {
          visiable: true,
        },
      }).$mount()
      instance.show = true
      console.log('el:', instance.$el) //
      document.body.appendChild(instance.$el)
    }
  },
}

// // this.$myDrawer()
// // .vue组件，想把他变为一个函数，然后new 他 构造函数，$mount()

// // install -> Vue.use()
// export default {
//   install(Vue) {
//     // 1. 将组件变为函数
//     // const Drawer = Vue.extend(MyDrawer)

//     // const notice = (options = {}) => {
//     //   console.log('options:', options)
//     //   const data = {
//     //     visible: true,
//     //   }

//     //   const instance = new Drawer({
//     //     propsData: options,
//     //     data,
//     //   }).$mount()
//     //   console.log('instance:', instance)
//     //   // 打开弹出框
//     //   instance.show = true
//     //   document.body.appendChild(instance.$el)
//     //   return instance
//     // }

//     // Vue.prototype.$notice = notice

//     // 既能函数调用，也能组件调用
//     // Vue.component('MyDrawer', Drawer)
//   },
// }
